*{padding:0;margin:0}
body{background-color:#75c473;padding-bottom:2rem;}
body>.container{width:800px;background:url(https://img04.sogoucdn.com/app/a/200692/750_512_feedback_a61b4662d89b4af9af786db02c493f34.jpg) no-repeat top;background-size:100%}
.hide{display:none;}
.box{background-color:#fff;border-radius:2rem;height:100%;top:15rem;position:relative;padding:2rem;box-shadow:0 .4rem 1rem .1rem rgb(0 0 0 / 20%)}
.box .form-control{border-radius:1rem}
.box .form-control:focus{border-color:#75c473;box-shadow:0 0 0 .1rem #75c473}
.box .alert-success{border-radius:1rem}
.box button{border-radius:1rem;height:calc(3.5rem + 2px);line-height:1.25;}
.box .btn-success{background-color:#75c473;color:#fff;border-color:#75c473}
.box #jiaocheng .btn svg{margin-top:-2px}
.box #jiaocheng .btn3{margin-top:1rem}
.box #jiaocheng .btn3 a{display:inline-flex;font-size:.8rem;background-color:#75c473;color:#fff;border-radius:.25rem;margin-bottom:.2rem;padding:.5rem .5rem}
.box .form-check-input:checked{background-color:#75c473;border-color:#75c473}
.box .uid .form-floating{float:left;}
.box .uid .form-floating .form-control{float:left;}
.box .uid .btn-secondary{float:left;border-radius:0 1rem 1rem 0}
.box .uid #uid{border-radius:1rem 0 0 1rem;}
.box .uid .btn-success{float:right;}
@media screen and (max-width:800px){body>.container{width:100%}
}
@media screen and (max-width:500px){
.box{top:8rem;border-radius:2rem 2rem 0 0;}
.box .uid .form-floating{width:70%;}
.box .uid .btn-secondary{width:30%;}
.box .uid .btn-success{width:100%;margin-top:1rem;}

}
@media screen and (max-width:400px){.box{top:10rem}
}